/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc
	#Social Buttons
	#Blankslate */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: {{ settings.first_color }};
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

 /* #SCSS Variables
================================================== */
$heading-font: {{ settings.header_font }};
$heading-color: {{ settings.heading_color }};


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: $heading-color;
		font-family: "Georgia", "Times New Roman", serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:$heading-color}
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: {{ settings.second_color }} }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: {{ settings.second_color }} }

	em { font-style: italic; }
	strong { font-weight: bold; color:  {{ settings.first_color }};}
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color:  {{ settings.first_color }}; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid {{ settings.lighter_color }}; color: {{ settings.lighter_color }}; }
	blockquote cite { display: block; font-size: 12px; color:  {{ settings.first_color }}; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:  {{ settings.first_color }}; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color:  {{ settings.first_color }}; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color:  {{ settings.second_color }}; }
	p a, p a:visited { line-height: inherit; }

	::-webkit-input-placeholder {color: {{ settings.first_color }}; opacity:0.5}
	:-moz-placeholder { /* Firefox 18- */ color: {{ settings.first_color }}; opacity:0.5}
	::-moz-placeholder {  /* Firefox 19+ */color: {{ settings.first_color }}; opacity:0.5}
	:-ms-input-placeholder {color: {{ settings.first_color }}; opacity:0.5}

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color:  {{ settings.first_color }};
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color:  {{ settings.first_color }};
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color:  {{ settings.first_color }};
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color:  {{ settings.first_color }};
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color:  {{ settings.first_color }}; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

	.table { display:table; width:100%; table-layout: fixed}
	.table-cell { display:table-cell; vertical-align: middle}


	/*
	* Skeleton V1.2
	* Copyright 2011, Dave Gamache
	* www.getskeleton.com
	* Free to use under the MIT license.
	* http://www.opensource.org/licenses/mit-license.php
	* 6/20/2012
	*/


	/* Table of Contents
	==================================================
	    #Base 960 Grid
	    #Tablet (Portrait)
	    #Mobile (Portrait)
	    #Mobile (Landscape)
	    #Clearing */



	/* #Base 960 Grid
	================================================== */

	    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	    .container .column,
	    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	    .row                                        { margin-bottom: 20px; }

	    /* Nested Column Classes */
	    .column.alpha, .columns.alpha               { margin-left: 0; }
	    .column.omega, .columns.omega               { margin-right: 0; }

	    /* Base Grid */
	    .container .one.column,
	    .container .one.columns                     { width: 40px;  }
	    .container .two.columns                     { width: 100px; }
	    .container .three.columns                   { width: 160px; }
	    .container .four.columns                    { width: 220px; }
	    .container .five.columns                    { width: 280px; }
	    .container .six.columns                     { width: 340px; }
	    .container .seven.columns                   { width: 400px; }
	    .container .eight.columns                   { width: 460px; }
	    .container .nine.columns                    { width: 520px; }
	    .container .ten.columns                     { width: 580px; }
	    .container .eleven.columns                  { width: 640px; }
	    .container .twelve.columns                  { width: 700px; }
	    .container .thirteen.columns                { width: 760px; }
	    .container .fourteen.columns                { width: 820px; }
	    .container .fifteen.columns                 { width: 880px; }
	    .container .sixteen.columns                 { width: 940px; }

	    .container .one-third.column                { width: 300px; }
	    .container .two-thirds.column               { width: 620px; }

	    /* Offsets */
	    .container .offset-by-one                   { padding-left: 60px;  }
	    .container .offset-by-two                   { padding-left: 120px; }
	    .container .offset-by-three                 { padding-left: 180px; }
	    .container .offset-by-four                  { padding-left: 240px; }
	    .container .offset-by-five                  { padding-left: 300px; }
	    .container .offset-by-six                   { padding-left: 360px; }
	    .container .offset-by-seven                 { padding-left: 420px; }
	    .container .offset-by-eight                 { padding-left: 480px; }
	    .container .offset-by-nine                  { padding-left: 540px; }
	    .container .offset-by-ten                   { padding-left: 600px; }
	    .container .offset-by-eleven                { padding-left: 660px; }
	    .container .offset-by-twelve                { padding-left: 720px; }
	    .container .offset-by-thirteen              { padding-left: 780px; }
	    .container .offset-by-fourteen              { padding-left: 840px; }
	    .container .offset-by-fifteen               { padding-left: 900px; }



	/* #Tablet (Portrait)
	================================================== */

	    /* Note: Design for a width of 768px */

	    @media only screen and (min-width: 768px) and (max-width: 959px) {
	        .container                                  { width: 768px; }
	        .container .column,
	        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
	        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
	        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
	        .alpha.omega                                { margin-left: 0; margin-right: 0; }

	        .container .one.column,
	        .container .one.columns                     { width: 28px; }
	        .container .two.columns                     { width: 76px; }
	        .container .three.columns                   { width: 124px; }
	        .container .four.columns                    { width: 172px; }
	        .container .five.columns                    { width: 220px; }
	        .container .six.columns                     { width: 268px; }
	        .container .seven.columns                   { width: 316px; }
	        .container .eight.columns                   { width: 364px; }
	        .container .nine.columns                    { width: 412px; }
	        .container .ten.columns                     { width: 460px; }
	        .container .eleven.columns                  { width: 508px; }
	        .container .twelve.columns                  { width: 556px; }
	        .container .thirteen.columns                { width: 604px; }
	        .container .fourteen.columns                { width: 652px; }
	        .container .fifteen.columns                 { width: 700px; }
	        .container .sixteen.columns                 { width: 748px; }

	        .container .one-third.column                { width: 236px; }
	        .container .two-thirds.column               { width: 492px; }

	        /* Offsets */
	        .container .offset-by-one                   { padding-left: 48px; }
	        .container .offset-by-two                   { padding-left: 96px; }
	        .container .offset-by-three                 { padding-left: 144px; }
	        .container .offset-by-four                  { padding-left: 192px; }
	        .container .offset-by-five                  { padding-left: 240px; }
	        .container .offset-by-six                   { padding-left: 288px; }
	        .container .offset-by-seven                 { padding-left: 336px; }
	        .container .offset-by-eight                 { padding-left: 384px; }
	        .container .offset-by-nine                  { padding-left: 432px; }
	        .container .offset-by-ten                   { padding-left: 480px; }
	        .container .offset-by-eleven                { padding-left: 528px; }
	        .container .offset-by-twelve                { padding-left: 576px; }
	        .container .offset-by-thirteen              { padding-left: 624px; }
	        .container .offset-by-fourteen              { padding-left: 672px; }
	        .container .offset-by-fifteen               { padding-left: 720px; }
	    }


	/*  #Mobile (Portrait)
	================================================== */

	    /* Note: Design for a width of 320px */

	    @media only screen and (max-width: 767px) {
	        .container { width: 300px; }
	        .container .columns,
	        .container .column { margin: 0; }

	        .container .one.column,
	        .container .one.columns,
	        .container .two.columns,
	        .container .three.columns,
	        .container .four.columns,
	        .container .five.columns,
	        .container .six.columns,
	        .container .seven.columns,
	        .container .eight.columns,
	        .container .nine.columns,
	        .container .ten.columns,
	        .container .eleven.columns,
	        .container .twelve.columns,
	        .container .thirteen.columns,
	        .container .fourteen.columns,
	        .container .fifteen.columns,
	        .container .sixteen.columns,
	        .container .one-third.column,
	        .container .two-thirds.column  { width: 300px; }

	        /* Offsets */
	        .container .offset-by-one,
	        .container .offset-by-two,
	        .container .offset-by-three,
	        .container .offset-by-four,
	        .container .offset-by-five,
	        .container .offset-by-six,
	        .container .offset-by-seven,
	        .container .offset-by-eight,
	        .container .offset-by-nine,
	        .container .offset-by-ten,
	        .container .offset-by-eleven,
	        .container .offset-by-twelve,
	        .container .offset-by-thirteen,
	        .container .offset-by-fourteen,
	        .container .offset-by-fifteen { padding-left: 0; }

	    }


	/* #Mobile (Landscape)
	================================================== */

	    /* Note: Design for a width of 480px */

	    @media only screen and (min-width: 480px) and (max-width: 767px) {
	        .container { width: 420px; }
	        .container .columns,
	        .container .column { margin: 0; }

	        .container .one.column,
	        .container .one.columns,
	        .container .two.columns,
	        .container .three.columns,
	        .container .four.columns,
	        .container .five.columns,
	        .container .six.columns,
	        .container .seven.columns,
	        .container .eight.columns,
	        .container .nine.columns,
	        .container .ten.columns,
	        .container .eleven.columns,
	        .container .twelve.columns,
	        .container .thirteen.columns,
	        .container .fourteen.columns,
	        .container .fifteen.columns,
	        .container .sixteen.columns,
	        .container .one-third.column,
	        .container .two-thirds.column { width: 420px; }
	    }




	/* #Additional - Large Screens beyond 1280px
	================================================== */

	    /* Note: Design for a width of 1280px */
	    /* See http://webdesign.tutsplus.com/tutorials/complete-websites/building-a-responsive-layout-with-skeleton-widescreen/ */

	    @media only screen and (min-width: 1281px) {
	        .container                                  { width: 1280px; }
	        .container .column,
	        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
	        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
	        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
	        .alpha.omega                                { margin-left: 0; margin-right: 0; }
	        .container .one.column,
	        .container .one.columns                     { width: 60px; }
	        .container .two.columns                     { width: 140px; }
	        .container .three.columns                   { width: 220px; }
	        .container .four.columns                    { width: 300px; }
	        .container .five.columns                    { width: 380px; }
	        .container .six.columns                     { width: 460px; }
	        .container .seven.columns                   { width: 540px; }
	        .container .eight.columns                   { width: 620px; }
	        .container .nine.columns                    { width: 700px; }
	        .container .ten.columns                     { width: 780px; }
	        .container .eleven.columns                  { width: 860px; }
	        .container .twelve.columns                  { width: 940px; }
	        .container .thirteen.columns                { width: 1020px; }
	        .container .fourteen.columns                { width: 1100px; }
	        .container .fifteen.columns                 { width: 1180px; }
	        .container .sixteen.columns                 { width: 1260px; }
	        .container .one-third.column                { width: 406px; }
	        .container .two-thirds.column               { width: 822px; }
	        /* Offsets */
	        .container .offset-by-one                   { padding-left: 80px; }
	        .container .offset-by-two                   { padding-left: 160px; }
	        .container .offset-by-three                 { padding-left: 240px; }
	        .container .offset-by-four                  { padding-left: 320px; }
	        .container .offset-by-five                  { padding-left: 400px; }
	        .container .offset-by-six                   { padding-left: 480px; }
	        .container .offset-by-seven                 { padding-left: 560px; }
	        .container .offset-by-eight                 { padding-left: 640px; }
	        .container .offset-by-nine                  { padding-left: 720px; }
	        .container .offset-by-ten                   { padding-left: 800px; }
	        .container .offset-by-eleven                { padding-left: 880px; }
	        .container .offset-by-twelve                { padding-left: 960px; }
	        .container .offset-by-thirteen              { padding-left: 1040px; }
	        .container .offset-by-fourteen              { padding-left: 1120px; }
	        .container .offset-by-fifteen               { padding-left: 1200px; }
	    }



	/* #Clearing
	================================================== */

	    /* Self Clearing Goodness */
	    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

	    /* Use clearfix class on parent to clear nested columns,
	    or wrap each row of columns in a <div class="row"> */
	    .clearfix:before,
	    .clearfix:after,
	    .row:before,
	    .row:after {
	      content: '\0020';
	      display: block;
	      overflow: hidden;
	      visibility: hidden;
	      width: 0;
	      height: 0; }
	    .row:after,
	    .clearfix:after {
	      clear: both; }
	    .row,
	    .clearfix {
	      zoom: 1; }

	    /* You can also use a <br class="clear" /> to clear columns */
	    .clear {
	      clear: both;
	      display: block;
	      overflow: hidden;
	      visibility: hidden;
	      width: 0;
	      height: 0;
	    }

		/*
		* Skeleton V1.2
		* Copyright 2011, Dave Gamache
		* www.getskeleton.com
		* Free to use under the MIT license.
		* http://www.opensource.org/licenses/mit-license.php
		* 6/20/2012
		*/


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		div#drawer form div.description div.info {width: 260px !important;}
		section#cart form div.row div.description div.info {width: 120px !important;}
		header nav a {margin-right: 5px !important;}
		header div#product-search form input.search {width: 90px !important;}
		div#sidebar nav li {height: auto !important; min-height: 40px;}
		section.product-grid div.columns {min-height: 230px !important;}
		section#hero {padding-bottom: 0 !important; margin-bottom: 20px !important}
		section#hero div.info {top:20% !important;}
		section#hero div.info p {margin-bottom: 30px !important;}
		section#gallery a {width: 71px !important;}
		section#product-info.right ul.tabs { display:none !important;}
		section#product-info.right div.wysiwyg { padding-top:20px !important;}
		section#buy section#share div {float: none !important; margin-bottom: 5px;}
		a.btn.small {font-size: 10px !important;}
		body.customer-logged-in table.customer_address_table td.value input, body.customer-logged-in table.customer_address_table td.value select {
			width: 140px !important;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.table-cell { display:block!important;}
		.quantity { text-align:right!important }
		.quantity input[type="text"] { display:inline-block!important; }
		.quantity .mobile { display: inline-block!important; text-align:right!important;}
		header { border-top:0px!important; padding:0!important;}
		.container.upper { position: relative; padding-top:10px!important; background: {{ settings.background_color }}; width:100%; z-index:99}
		.product-search-wrapper { padding-left:15px; }
		.minicart-wrapper { padding-right:15px;}
		footer div#payment-methods { text-align: center}
		header nav a {margin-right: 5px !important;}
		header div#minicart {width: 210px;}
		footer section.lower div nav {text-align: left !important;}
		footer section.lower div nav a {margin-left: 0 !important; margin-right: 10px;}
		footer section.upper div.columns {padding-top: 20px !important; padding-bottom: 20px !important;}
        .sort-by-wrapper {
          float: none !important;
          margin: 25px auto 0 auto;
          text-align: center;
        }
        .sort-by-wrapper label {
          display: none !important;
        }
        #page-content > h1 {
          text-align: center;
          padding-top: 20px !important;
        }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.desktop {display:none !important;}
		.mobile  {display:block !important;}
		div#drawer form div.description div.info {width: 260px !important;}
		header div.container.upper div.three.columns { width: 160px !important; padding-bottom: 0! important }
		header div.container.upper div.five.columns { width: 220px !important; padding-left: 0 !important; padding-bottom: 0 !important; float: right; }
	    header div.container.lower {padding-bottom: 0 !important;}
		header div#minicart{width: 220px;}
		div#minicart{width: auto !important; padding-bottom: 10px; text-align: right !important;}
		div#minicart a.cart{border-right: none !important;padding-right: 0 !important;}
		div#minicart a.cart.mobile{display:inline-block !important;}
		div#minicart a.checkout{display: none;}
		section#cart form div.row div.description div.info {width: 280px !important;}
		div#product-search{float: left; padding-bottom: 10px;}
		h1#logo {text-align: center; margin-bottom: 0 !important;}
		h1#logo img {max-width: 400px;}
		h1#logo a {max-height: 20px !important;}
		a#toggle-menu { display: block !important;}
		ul#main-menu {display: none; border-bottom: none !important;}
		div#social{display: none;}
		div#page-content h1 {padding-top: 30px;}
		section#hero {padding-bottom: 20px !important;}
	    section#hero.no-text {padding-bottom: 0 !important; margin-bottom: 10px !important}
		section.product-grid div.columns a img {width: auto !important;}
		section#gallery a {width: 97px !important; margin-top: 10px !important;}
		div#product-options select {width: 95% !important;}
		section#cart div.total h2{text-align: left !important; padding-top: 20px; border-top: 1px solid {{ settings.lighter_color }}; margin-top: 20px;}
		section#cart div.actions{text-align: left !important;}
		section#cart textarea#note {margin-top: 30px;}
		article.post.first {padding-top: 20px !important;}
		article.post div.date {font-size: 13px !important; text-align: left !important; padding: 20px 0;}
		article.post div.date span {display: inline !important;}
		article.post div.comment-count {text-align: left !important; padding: 20px 0 0 0;}
		article.post div.content div.actions div.back { display: none !important;}
		article.post div.content div.actions div.social {float: left !important;}
		article.post div.content div.actions div.social section#share div.facebook {margin-left: 0 !important;}
		footer section.upper div.columns {border-bottom: 1px solid {{ settings.lighter_color }}; padding-bottom: 20px !important;}
		footer section.lower {border-top: none !important;}
		footer div#mailing-list input[type="email"] {width: 95% !important;}
		section.sidebar h2.accounts-title { margin-top: 30px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.desktop {display:none !important;}
		.mobile  {display:block !important;}
		div#drawer form div.description div.info {width: 150px !important;}
		header div.container.upper div.three.columns { width: 160px !important; padding-bottom: 0! important }
		header div.container.upper div.five.columns { width: 120px !important; padding-left: 0 !important; padding-bottom: 0 !important; float: right; }
		header div.container.lower {padding-bottom: 0 !important;}
		section#cart form div.row div.description div.info {width: 160px !important;}
		div#product-search{float: left; padding-bottom: 10px;}
		div#minicart{width: auto !important; padding-bottom: 10px; text-align: right !important;}
		div#minicart a.cart{border-right: none !important;padding-right: 0 !important;}
		div#minicart a.cart.mobile{display:inline-block !important;}
		div#minicart a.checkout{display: none;}
		h1#logo {text-align: center; margin-bottom: 0 !important;}
		h1#logo img {max-width: 300px;}
		h1#logo a {max-height: 20px !important;}
		a#toggle-menu { display: block !important;}
		ul#main-menu {display: none; border-bottom: none !important;}
		div#social{display: none;}
		div#page-content h1 {padding-top: 20px;}
		section#hero {padding-bottom: 20px !important;}
		section#hero.no-text {padding-bottom: 0 !important; margin-bottom: 10px !important}
		section.product-grid div.columns a img {width: auto !important;}
		section#gallery a {width: 67px !important; margin-top: 10px !important;}
		div#product-options select {width: 95% !important;}
		section#cart div.total h2{text-align: left !important; padding-top: 20px; border-top: 1px solid {{ settings.lighter_color }}; margin-top: 20px;}
		section#cart div.actions{text-align: left !important;}
		section#cart textarea#note {margin-top: 30px;}
		article.post.first {padding-top: 30px !important;}
		article.post div.date {font-size: 13px !important; text-align: left !important; padding: 0 0 20px 0;}
		article.post div.date span {display: inline !important;}
		article.post div.comment-count {text-align: left !important; padding: 20px 0 0 0;}
		article.post div.content div.actions div.back { display: none !important;}
		article.post div.content div.actions div.social {float: left !important;}
		article.post div.content div.actions div.social section#share div.facebook {margin-left: 0 !important;}
		footer section.upper div.columns {border-bottom: 1px solid {{ settings.lighter_color }}; padding-bottom: 20px !important;}
		footer section.lower {border-top: none !important;}
		footer div#mailing-list input[type="email"] {width: 95% !important;}
		section.sidebar h2.accounts-title { margin-top: 30px;}
	}

	/* Additional - Large Screens beyond 1280px */
	@media only screen and (min-width: 1280px) {
		div#drawer form div.description div.info {width: 540px !important;}
		section#cart form div.row div.description div.info {width: 300px !important;}
		header div.container.lower div#tagline h3 {padding-top: 10px;}
		header div.container.upper nav a {margin-right: 30px !important;}
		section.product-grid div.columns {min-height: 290px !important;}
		section#collection-hero {min-height: 300px !important;}
		section#gallery a {width: 127px !important;}
		form input.long, form select.long, form textarea.long, div.notification.long {width: 75% !important;}
	}


/* #Theme
================================================== */

	/* @group Globals */
	body {
	  background-color: {{ settings.background_color }};
	  color: {{ settings.first_color }};
	  font-family: {{ settings.body_font }};
	  font-size: 12px;
	}
	a {
	  color: {{ settings.first_color }};
	  text-decoration: underline;
	  padding-bottom: 1px;
	}
	a:hover {
	  color: {{ settings.second_color }};
	  text-decoration: none;
	  border-bottom: none;
	}
	a.btn {
	  border: 1px solid {{ settings.first_color }} !important;
	  color: {{ settings.first_color }};
	  font-size: 14px;
	  font-weight: bold;
	  font-family: {{ settings.body_font }} !important;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  margin-bottom: 20px;
	  padding: 10px 40px;
	}
	a.btn:hover {
	  color: {{ settings.background_color }};
	  background-color: {{ settings.first_color }};
	}
	a.btn.small {
	  padding: 10px;
	  font-size: 12px;
	}
	img,
	embed,
	object,
	video,
	iframe {
	  max-width: 100%;
	}
	div#main div#page-content {
	  border-top: 1px solid {{ settings.lighter_color }};
	  overflow: hidden;
	}
	.mobile {
	  display: none;
	}
	div#cart-animation {
		background: none repeat scroll 0 0 {{ settings.first_color }} !important;
	    border: 1px solid #FFFFFF;
	    border-radius: 50% 50% 50% 50%;
	    color: #FFFFFF !important;
	    display: none;
	    font-size: 16px;
	    font-weight: bold;
	    height: 35px;
	    line-height: 35px;
	    position: absolute;
	    text-align: center;
	    width: 35px;
	    z-index: 200; /* more than the sticky header */
	}
	/* @end */
	/* @group Typography */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  margin-bottom: 15px;
	  font-weight: normal;
	}
	h1 {

	  font-size: 28px;
	  line-height: 32px;
	  font-family: $heading-font;
	  font-style: normal;
	  font-weight: normal;
	}
	h2 {

	  font-size: 18px;
	  line-height: 24px;
	  font-family: $heading-font;
	}
	h3 {
	  font-size: 13px;
	  line-height: 17px;
	  font-family: {{ settings.body_font }};
	  font-weight: bold;
	}
	h4 {

	  font-family: {{ settings.body_font }};
	  font-size: 13px;
	  line-height: 17px;
	  font-weight: bold;
	}
	h5 {
	  font-family: {{ settings.body_font }};
	  font-size: 13px;
	  line-height: 17px;
	  font-style: italic;

	}
	h6 {
	  font-family: {{ settings.body_font }};
	  font-size: 11px;
	  line-height: 15px;

	}
	b {
	  font-weight: bold;
	}
	i,
	em {
	  font-style: italic;
	}
	p,
	div.wysiwyg div {
	  line-height: 22px;
	  margin-bottom: 20px;
	}
	del {
	  color: {{ settings.second_color }};
	}
	.error, .errors {
	  color: {{ settings.accent_color }};
	}
	.error ul li, .errors ul li {
		margin-bottom: 0;
	}
	blockquote {
	  color: {{ settings.second_color }};
	  border-left-color: {{ settings.lighter_color }};
	  font-size: 13px;
	  line-height: 22px;
	  padding: 10px 0 10px 20px;
	}
	/* @end */
	/* @group Forms */
	form label {
	  margin-bottom: 5px;
	}
	form input[type="checkbox"],
	form input[type="radio"] {
	  margin-bottom: 20px;
	}
	form input[type="submit"],
	form input.btn {
	  background: {{ settings.background_color }} !important;
	  border: 1px solid {{ settings.first_color }} !important;
	  -moz-border-radius: 0 !important;
	  -webkit-border-radius: 0 !important;
	  border-radius: 0 !important;
	  color: {{ settings.first_color }};
	  font-family: {{ settings.body_font }} !important;
	  font-size: 12px;
	  font-weight: bold;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  text-shadow: none;
	  margin-bottom: 20px;
	  padding: 8px 15px;
	  -webkit-appearance: none;
	}
	form input[type="submit"]:hover,
	form input.btn:hover {
	  background: {{ settings.first_color }} !important;
	  color: {{ settings.background_color }};
	}
	/* Disabled input */
	form input.disabled {
	    opacity: .5;
	}
	form select {
	  padding: 5px;
	}
	form span.error {
	  font-size: 11px;
	  display: block;
	  margin: -15px 0 20px 0;
	}
	form div.notification {
	  background: {{ settings.lighter_color }};
	  padding: 5px 10px;
	  margin-bottom: 20px;
	}
	form input.long,
	form select.long,
	form textarea.long,
	div.notification.long {
	  width: 95%;
	}
	/* @end */
	/* @group Drawer */
	div#drawer {
	  display: none;
	  width: 100%;
	  background: {{ settings.first_color }};
	  color: {{ settings.background_color }};
	}
	div#drawer form {
	  margin: 0;
	  padding: 0;
	}
	div#drawer form a {
	  border-bottom: none;
	}
	div#drawer form div.row {
	  border-bottom: 1px solid #666;
	}
	div#drawer form div.row.first {
	  padding-top: 20px;
	}
	div#drawer form div.description img {
	  float: left;
	  width: 100px;
	  padding-top: 5px;
	}
	div#drawer form div.description div.info {
	  float: left;
	  padding: 5px 0 0 40px;
	  width: 330px;
	  min-height:120px;
	}
	div#drawer form div.description div.info h3 {
	  line-height: 18px;
	  margin-bottom: 0;
	}
	div#drawer form div.description div.info h3 a {
	  color: {{ settings.background_color }};
	}
	div#drawer form div.description div.info h3 a:hover {
	  color: {{ settings.second_color }};
	}
	div#drawer form div.description div.info h4 {
	  font-size: 12px;
	  letter-spacing: 0;
	  line-height: 18px;
	  font-weight: normal;
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  border-bottom: 1px solid #666;
	}
	div#drawer form div.description div.info p {
	  margin-bottom: 20px;
	}
	div#drawer form div.description div.info p.mobile {
	  font-family: $heading-font;
		font-style: normal;
		font-weight: normal;
	  font-size: 16px;
	}
	div#drawer form div.price {
	  font-size: 16px;
	  font-family: $heading-font;
		font-style: normal;
		font-weight: normal;
	  padding-top: 5px;
	}
	div#drawer form div.quantity {
	  text-align: center;
	}
	div#drawer form div.quantity input {
	  width: 30px !important;
	  text-align: center;
	}
	div#drawer form div.total {
	  padding-top: 5px;
	  font-size: 16px;
	  font-family: $heading-font;
		font-style: normal;
		font-weight: normal;
	}
	div#drawer form div.remove {
	  padding-top: 5px;
	}
	div#drawer form div.remove a {
	  color: {{ settings.lighter_color }};
	}
	div#drawer form div.remove a:hover {
	  color: {{ settings.background_color }};
	}
	div#drawer form div.actions {
	  padding: 0 0 10px 0;
	  text-align: right;
	}
	div#drawer form div.actions input {
	  padding-top: 20px;
	  border: 1px solid {{ settings.background_color }} !important;
	  color: {{ settings.background_color }};
	  background: transparent !important;
	  padding: 10px 20px !important;
	  font-size: 12px;
	}
	div#drawer p.empty {
		padding: 30px 0 0 0;
		font-weight:bold;
	}
	div#drawer .spinner { width: 100%; padding: 30px 0px; background: url({{ 'loader.gif' | asset_url }}) center center no-repeat; }
	/* @end */
	/* @group Header */
	header {
	  display: block;
	  border-top: 5px solid {{ settings.first_color }};
	  padding: 10px 0;
	}
	header div.container.upper {
	  border-bottom: 1px solid {{ settings.lighter_color }};
	}
	header div.columns {
	  padding-bottom: 10px;
	}
	header div.container.upper nav a {
	  margin-right: 20px;
	  text-decoration: none;
	}
	header div.container.upper div#product-search form {
	  margin-bottom: 0;
	}
	header div.container.upper div#product-search form input.icon {
	  float: left;
	  background: url({{ 'sprite.png' | asset_url }}) -9px -130px no-repeat !important;
	  width: 11px;
	  height: 11px;
	  border: none !important;
	  text-indent: -10000px;
	  padding: 0;
	  margin: 5px 0 0 0;
	}
	header div.container.upper div#product-search form input.icon.light {
	  background: url({{ 'sprite.png' | asset_url }}) -8px -109px no-repeat !important;
	}
	header div.container.upper div#product-search form input.search {
	  float: left;
	  width: 130px;
	  color: {{ settings.first_color }};
	  border: none;
	  padding: 5px;
	  margin-bottom: 0;
	  margin-left: 5px;
	  margin-top: -2px;
	  background: {{ settings.background_color }};
	}
	header div.container.upper div#minicart {
	  text-align: right;
	}
	header div.container.upper div#minicart a {
	  border-bottom: 0;
	}
	header div.container.upper div#minicart a span {
	  color: {{ settings.second_color }};
	}
	header div.container.upper div#minicart a.cart {
	  background: url({{ 'sprite.png' | asset_url }}5) -32px -128px no-repeat;
	  padding-left: 25px;
	  padding-right: 20px;
	  padding-bottom: 1px;
	  text-decoration: none;
	  border-right: 1px solid {{ settings.lighter_color }};
	}
	header div.container.upper div#minicart a.cart.light {
	  background: url({{ 'sprite.png' | asset_url }}) -32px -149px no-repeat;
	}
	header div.container.upper div#minicart a.checkout {
	  padding-left: 20px;
	  text-decoration: none;
	}
	header div.container.upper div#minicart a.checkout span.drawer-icon {
	  display: block;
	  float: right;
	  padding-left: 10px;
	  width: 10px;
	}

	header div.container.lower h1#logo {
		margin: 0;
		display: table;
		width: 100%;
	}
	header div.container.lower h1#logo a {
	  border-bottom: none;
	  display: table-cell;
	  vertical-align: middle;
	  text-decoration: none;
	  height: 80px;
	}
	header div.container.lower h1#logo a img {
	  /*display: none;*/
	}
	header div.container.lower h1#logo a span {
	  font-size: 32px;
	  display: none;
	}
	header div.container.lower h1#logo a span.no-logo {
	  font-size: 32px;
	  font-style: normal;
	  line-height: 32px;
	  display: block;
	  text-decoration: none;
	  font-family: $heading-font;
	  &:hover { text-decoration:none;}
	}
	.logo-tagline.table { margin-top:20px;}
	header div.container.lower div#tagline {
	   display:table;
	   width: 100%;
	}
	header div.container.lower div#tagline h3 {
	  text-align: right;
	  display: table-cell;
	  vertical-align: middle;
	  height: 80px;
	  font-size: 15px;
	  margin: 0;
	  padding: 0;
		font-family: $heading-font;
		font-style: normal;
		font-weight: normal;
	  letter-spacing: 0;
	}

	/* @end */
	/* @group Navigation */
	.customer-info { border-top: 1px solid {{ settings.lighter_color }}; padding-top:10px}
	.customer-info a { padding-top:13px; font-size:12px; }

	div#sidebar a#toggle-menu {
	  display: none;
	  text-transform: uppercase;
	  text-align: center;
	  border-top: 1px solid {{ settings.lighter_color }};
	  padding: 10px 0;
	}
	div#sidebar a#toggle-menu span {
	  background: url({{ 'sprite.png' | asset_url }}) -32px -103px no-repeat;
	  display: inline-block;
	  padding-left: 20px;
	}
	div#sidebar nav a {
	  border-bottom: none;
	  display: block;
	}
	div#sidebar nav dl {
	  border-bottom: 1px solid {{ settings.lighter_color }};
	}
	div#sidebar nav li {
	  border-top: 1px solid {{ settings.lighter_color }};
	  font-weight: bold;
	  margin:0
	}
	div#sidebar nav li:last-child { border-bottom: 1px solid {{ settings.lighter_color }}; }
	div#sidebar nav li a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	  padding-right: 20px;
	  position: relative;
	  text-decoration: none;
	}
	div#sidebar nav .accordion-content {
	  margin-bottom: 20px;
	}
	div#sidebar nav .accordion-content a.first {
	  margin-top: 10px;
	}
	div#sidebar nav .accordion-content a {
	  padding: 0;
	  font-weight: normal;
	  margin:0;

	}

	div#sidebar nav .accordion-content a span.active, div#sidebar nav .accordion-content a.active  {
	  font-weight: bold;
	}

	div#sidebar nav .accordion-content p {
	  margin-bottom: 0;
	}

	#main-menu { margin:0;}


	div#sidebar nav li a span {
	  color: {{ settings.second_color }};
	  position: absolute;
	  right: 0;
	  top: 10px;
	  font-weight: normal;
	}

	/* @end */
	/* @group Breadcrumb */
	div#breadcrumb {
	  padding: 10px 0 30px 0;
	}
	div#breadcrumb a {
	  border-bottom: none;
	  color: {{ settings.first_color }};
	  font-size: 12px;
	}
	div#breadcrumb a:hover {
	  border-bottom: none;
	  color: {{ settings.second_color }};
	}
	div#breadcrumb a.active {
	  color: {{ settings.second_color }};
	}
	div#breadcrumb a.active:hover {
	  border-bottom: none;
	}
	/* @end */
	/* @group Social */

	#social {
	  padding: 20px 0;
	}
	#social a {
	  border-bottom: none;
	  width:50px; height:50px;
	  background: {{ settings.first_color }};
	  border-radius: 50%;
	  display: inline-block!important;
	  width: 25px;
	  height: 25px;
	  margin-right:4px
	}
	#social a:hover { opacity:0.8}
	#social a.facebook:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  0px -27px
	  {% else %}
	  0px -52px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.flickr:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  -190px -27px
	  {% else %}
	  -190px -52px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.instagram:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  -82px -27px
	  {% else %}
	  -82px -52px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.pinterest:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  -109px -28px
	  {% else %}
	  -109px -53px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.rss:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  -216px -29px
	  {% else %}
	  -216px -54px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.tumblr:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  -55px -27px
	  {% else %}
	  -55px -52px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.twitter:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  -27px -27px
	  {% else %}
	  -27px -52px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.vimeo:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons %}
	  -163px -27px
	  {% else %}
	  -163px -52px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	}
	#social a.youtube:after {
	  background: url({{ 'sprite.png' | asset_url }})
	  {% if settings.light_social_icons  %}
	  -136px -27px
	  {% else %}
	  -136px -52px
	  {% endif %} no-repeat;
	  display: block;
	  width:25px;
	  height:25px;
	  content:"";
	 }

	{% unless  settings.light_social_icons %}
	#social a.facebook:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) 0px -27px no-repeat;
	}
	#social a.flickr:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -190px -27px no-repeat;
	}
	#social a.instagram:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -82px -27px no-repeat;
	}
	#social a.pinterest:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -109px -27px no-repeat;
	}
	#social a.rss:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -216px -27px no-repeat;
	}
	#social a.tumblr:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -55px -27px no-repeat;
	}
	#social a.twitter:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -27px -27px no-repeat;
	}
	#social a.vimeo:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -163px -27px no-repeat;
	}
	#social a.youtube:after:hover {
	  background: url({{ 'sprite.png' | asset_url }}) -136px -27px no-repeat;
	}
	{% endunless %}

	/* @end */
	/* @group Hero */
	section#hero {
	  position: relative;
	  display: block;
	  margin-bottom: 20px;
	  -webkit-animation-delay: 0.05s;
	  -moz-animation-delay: 0.05s;
	  -o-animation-delay: 0.05s;
	  animation-delay: 0.05s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section#hero img {
		width: 100%;
	}
	#hero a { border:0px;}

	/* @end */
	/* @group Collection */
    .sort-by-wrapper {
      float: right;
    }
    .sort-by-wrapper label, .sort-by-wrapper select {
      display: inline;
      line-height: 32px;
      font-weight: normal;
      margin-bottom: 0;
      padding: 5px;
    }
    .sort-by-wrapper label:empty {
      padding: 0;
    }
	section#collection-hero {
	  position: relative;
	  display: block;
	  margin-bottom: 20px;
	  -webkit-animation-delay: 0.05s;
	  -moz-animation-delay: 0.05s;
	  -o-animation-delay: 0.05s;
	  animation-delay: 0.05s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section#collection-hero img {
		width: 100%;
	}
	p#collection-description {
	  -webkit-animation-delay: 0.075s;
	  -moz-animation-delay: 0.075s;
	  -o-animation-delay: 0.075s;
	  animation-delay: 0.075s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	  margin-bottom: 20px;
	}
	/* @end */
	/* @group Product Grid */
	section.product-grid div.columns {
	  margin-bottom: 20px !important;
	  text-align: center;
	  min-height: 270px;
	}
	section.product-grid div.columns a {
	  border-bottom: 0;
	  padding-bottom: 0;
	  text-decoration: none;
	}
	section.product-grid div.columns a:hover h3 {
	  color: {{ settings.second_color }};
	}
	section.product-grid div.columns h3 {
	  font-size: 12px;
	  line-height: 18px;
	  font-weight: normal;
	  letter-spacing: 0;
	  margin-bottom: 0;
	}
	section.product-grid div.columns h4 {
	  font-size: 16px;
	  line-height: 22px;
	  {% if settings.header_font contains "PT Serif" %}
		font-family: 'PT Serif', serif;
		font-style: normal;
		font-weight: normal;
	  {% elsif settings.header_font contains "Source Sans Pro" %}
		font-family: 'Source Sans Pro', sans-serif;
		font-style: normal;
		font-weight: 400;
	  {% elsif settings.header_font contains "Open Sans Condensed" %}
		font-family: 'Open Sans Condensed', sans-serif;
		font-style: normal;
		font-weight: 300;
	  {% elsif settings.header_font contains "Helvetica" %}
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
	  {% else settings.header_font contains "Times" %}
		font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
		font-style: italic;
		font-weight: normal;
	  {% endif %}
	  letter-spacing: 0;
	  color: {{ settings.first_color }};
	  margin-bottom: 0;
	}
	section.product-grid div.columns a {
	  display: block;
	  position: relative;
	  cursor: pointer;
	}
	section.product-grid div.columns a .sale {
	  color: #fff;
	  background: none repeat 0 0 {{ settings.accent_color }};
	  border-radius: 50% 50% 50% 50%;
	  display: block;
	  font-size: 12px;
	  font-weight: bold;
	  text-transform: uppercase;
	  text-align: center;
	  width: auto;
	  height: 45px;
	  min-height: 45px !important;
	  line-height: 45px;
	  position: absolute;
	  z-index: 3;
	  top: 10px;
	  right: 15px;
      padding: 0 5px;
	}
	section.product-grid div.columns a .sold-out {
	  color: #fff;
	  background-color: rgba(0, 0, 0, 0.50);
	  display: block;
	  font-size: 12px;
	  font-weight: bold;
	  text-transform: uppercase;
	  text-align: center;
	  width: 100%;
	  height: 45px;
	  min-height: 45px !important;
	  line-height: 45px;
	  position: absolute;
	  z-index: 3;
	  bottom: 20%;
	  left: 0;
	}
	section.product-grid div.columns a img {
	  max-width: 100%;
	  margin-bottom: 10px;
	}
	section.product-grid div.columns a small {
		margin-bottom: 0;
		padding-bottom: 0;
		font-size: 12px;
		line-height: 12px;
	}
	/* @group Animation Framework */
	section.product-grid div.columns {
		overflow: hidden;
	}
	.animated {
	  -webkit-animation-fill-mode: both;
	  -moz-animation-fill-mode: both;
	  -ms-animation-fill-mode: both;
	  -o-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-animation-duration: 1s;
	  -moz-animation-duration: 1s;
	  -ms-animation-duration: 1s;
	  -o-animation-duration: 1s;
	  animation-duration: 1s;
	}
	.animated.hinge {
	  -webkit-animation-duration: 2s;
	  -moz-animation-duration: 2s;
	  -ms-animation-duration: 2s;
	  -o-animation-duration: 2s;
	  animation-duration: 2s;
	}
	@-webkit-keyframes fadeIn {
	  0% {
	    opacity: 0;
	  }
	  100% {
	    opacity: 1;
	  }
	}
	@-webkit-keyframes fadeInUpBig {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(2000px);
	  }
	  100% {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	  }
	}
	@-moz-keyframes fadeInUpBig {
	  0% {
	    opacity: 0;
	    -moz-transform: translateY(2000px);
	  }
	  100% {
	    opacity: 1;
	    -moz-transform: translateY(0);
	  }
	}
	@-o-keyframes fadeInUpBig {
	  0% {
	    opacity: 0;
	    -o-transform: translateY(2000px);
	  }
	  100% {
	    opacity: 1;
	    -o-transform: translateY(0);
	  }
	}
	@keyframes fadeInUpBig {
	  0% {
	    opacity: 0;
	    transform: translateY(2000px);
	  }
	  100% {
	    opacity: 1;
	    transform: translateY(0);
	  }
	}
	.fadeInUpBig {
	  -webkit-animation-name: fadeInUpBig;
	  -moz-animation-name: fadeInUpBig;
	  -o-animation-name: fadeInUpBig;
	  animation-name: fadeInUpBig;
	}
	/* @end */
	/* @group Product Animations  */
	/* Supports up to 30 products in the grid (10x3) */
	section.product-grid div.columns.columns {
		overflow: hidden;
	}
	section.product-grid div.columns a#product-1 {
	  -webkit-animation-delay: 0.1s;
	  -moz-animation-delay: 0.1s;
	  -o-animation-delay: 0.1s;
	  animation-delay: 0.1s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-2 {
	  -webkit-animation-delay: 0.2s;
	  -moz-animation-delay: 0.2s;
	  -o-animation-delay: 0.2s;
	  animation-delay: 0.2s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-3 {
	  -webkit-animation-delay: 0.3s;
	  -moz-animation-delay: 0.3s;
	  -o-animation-delay: 0.3s;
	  animation-delay: 0.3s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-4 {
	  -webkit-animation-delay: 0.4s;
	  -moz-animation-delay: 0.4s;
	  -o-animation-delay: 0.4s;
	  animation-delay: 0.4s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-5 {
	  -webkit-animation-delay: 0.5s;
	  -moz-animation-delay: 0.5s;
	  -o-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-6 {
	  -webkit-animation-delay: 0.6s;
	  -moz-animation-delay: 0.6s;
	  -o-animation-delay: 0.6s;
	  animation-delay: 0.6s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-7 {
	  -webkit-animation-delay: 0.7s;
	  -moz-animation-delay: 0.7s;
	  -o-animation-delay: 0.7s;
	  animation-delay: 0.7s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-8 {
	  -webkit-animation-delay: 0.8s;
	  -moz-animation-delay: 0.8s;
	  -o-animation-delay: 0.8s;
	  animation-delay: 0.8s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-9 {
	  -webkit-animation-delay: 0.9s;
	  -moz-animation-delay: 0.9s;
	  -o-animation-delay: 0.9s;
	  animation-delay: 0.9s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-10 {
	  -webkit-animation-delay: 1s;
	  -moz-animation-delay: 1s;
	  -o-animation-delay: 1s;
	  animation-delay: 1s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-11 {
	  -webkit-animation-delay: 1.1s;
	  -moz-animation-delay: 1.1s;
	  -o-animation-delay: 1.1s;
	  animation-delay: 1.1s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-12 {
	  -webkit-animation-delay: 1.2s;
	  -moz-animation-delay: 1.2s;
	  -o-animation-delay: 1.2s;
	  animation-delay: 1.2s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-13 {
	  -webkit-animation-delay: 1.3s;
	  -moz-animation-delay: 1.3s;
	  -o-animation-delay: 1.3s;
	  animation-delay: 1.3s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-14 {
	  -webkit-animation-delay: 1.4s;
	  -moz-animation-delay: 1.4s;
	  -o-animation-delay: 1.4s;
	  animation-delay: 1.4s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-15 {
	  -webkit-animation-delay: 1.5s;
	  -moz-animation-delay: 1.5s;
	  -o-animation-delay: 1.5s;
	  animation-delay: 1.5s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-16 {
	  -webkit-animation-delay: 1.6s;
	  -moz-animation-delay: 1.6s;
	  -o-animation-delay: 1.6s;
	  animation-delay: 1.6s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-17 {
	  -webkit-animation-delay: 1.7s;
	  -moz-animation-delay: 1.7s;
	  -o-animation-delay: 1.7s;
	  animation-delay: 1.7s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-18 {
	  -webkit-animation-delay: 1.8s;
	  -moz-animation-delay: 1.8s;
	  -o-animation-delay: 1.8s;
	  animation-delay: 1.8s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-19 {
	  -webkit-animation-delay: 1.9s;
	  -moz-animation-delay: 1.9s;
	  -o-animation-delay: 1.9s;
	  animation-delay: 1.9s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-20 {
	  -webkit-animation-delay: 2s;
	  -moz-animation-delay: 2s;
	  -o-animation-delay: 2s;
	  animation-delay: 2s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-21 {
	  -webkit-animation-delay: 2.1s;
	  -moz-animation-delay: 2.1s;
	  -o-animation-delay: 2.1s;
	  animation-delay: 2.1s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-22 {
	  -webkit-animation-delay: 2.2s;
	  -moz-animation-delay: 2.2s;
	  -o-animation-delay: 2.2s;
	  animation-delay: 2.2s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-23 {
	  -webkit-animation-delay: 2.3s;
	  -moz-animation-delay: 2.3s;
	  -o-animation-delay: 2.3s;
	  animation-delay: 2.3s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-24 {
	  -webkit-animation-delay: 2.4s;
	  -moz-animation-delay: 2.4s;
	  -o-animation-delay: 2.4s;
	  animation-delay: 2.4s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-25 {
	  -webkit-animation-delay: 2.5s;
	  -moz-animation-delay: 2.5s;
	  -o-animation-delay: 2.5s;
	  animation-delay: 2.5s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-26 {
	  -webkit-animation-delay: 2.6s;
	  -moz-animation-delay: 2.6s;
	  -o-animation-delay: 2.6s;
	  animation-delay: 2.6s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-27 {
	  -webkit-animation-delay: 2.7s;
	  -moz-animation-delay: 2.7s;
	  -o-animation-delay: 2.7s;
	  animation-delay: 2.7s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-28 {
	  -webkit-animation-delay: 2.8s;
	  -moz-animation-delay: 2.8s;
	  -o-animation-delay: 2.8s;
	  animation-delay: 2.8s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-29 {
	  -webkit-animation-delay: 2.9s;
	  -moz-animation-delay: 2.9s;
	  -o-animation-delay: 2.9s;
	  animation-delay: 2.9s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid div.columns a#product-30 {
	  -webkit-animation-delay: 3s;
	  -moz-animation-delay: 3s;
	  -o-animation-delay: 3s;
	  animation-delay: 3s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	section.product-grid p#no-products {
	  -webkit-animation-delay: 0.1s;
	  -moz-animation-delay: 0.1s;
	  -o-animation-delay: 0.1s;
	  animation-delay: 0.1s;
	  -webkit-animation-duration: 0.5s;
	  -moz-animation-duration: 0.5s;
	  -o-animation-duration: 0.5s;
	  animation-duration: 0.5s;
	}
	/* @end */
	div#paging {
	  text-align: center;
	  font-size: 12px;
	  padding: 30px 0 30px 0;
	}
	div#paging a {
	  border-bottom: none;
	}
	div#paging span {
	  padding: 0 1px;
	}
	div#paging span.current {
	  color: {{ settings.second_color }};
	}
	div#paging.blog {
		padding-top: 60px;
		border-top: 1px solid {{ settings.lighter_color }}
	}
	/* @end */
	/* @group Product */
	section#images {
	  position: relative;
	}
	section#images img {
		max-width: 100%;
	}
	section#images div.sale {
	 	color: #fff;
		background: none repeat 0 0 {{ settings.accent_color }};
		border-radius: 50% 50% 50% 50%;
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		width: auto;
		height: 45px;
		min-height: 45px !important;
		line-height: 45px;
		position: absolute;
		z-index: 3000;
		top: 10px;
		right: 15px;
		padding: 0 5px;
	}
	section#buy h2 {
	  font-size: 28px;
	  margin-bottom: 20px;
	}
	section#buy form {
	  margin-bottom: 10px;
	}
	section#buy form div#product-variants {
	  padding: 10px 0;
	  border-top: 1px solid {{ settings.lighter_color }};
	  border-bottom: 1px solid {{ settings.lighter_color }};
	  margin-bottom: 20px;
	}
	section#buy form div#product-variants.hidden {
		border-top:none;
		padding:0;
	}
	section#buy form div#product-variants.hidden label, section#buy form div#product-variants.hidden select {
		display:none;
	}
	section#buy form div#product-variants div.selector-wrapper {
		min-height:40px;
	}
	section#buy form div#product-variants.hidden div.selector-wrapper {
		height: 0;
		min-height: 0;
	}
	section#buy form label {
	  margin-bottom: 5px;
	}

	section#buy form input.btn {
	  padding: 10px 20px;
	  font-size: 14px;
	}
	section#buy form input.btn.disabled {
	  opacity:0.25 !important;
	  filter:alpha(opacity=25) !important;
	}
	section#share {
		display:block;
	}
	section#share div {
	  float: left;
	}
	section#share div.google {
	  width: 40px;
	}
	section#share div.facebook {
	  width: 85px;
	}
	div.fb-like span {
	    width: 450px !important;
	}
	section#share div.twitter {
	  width: 85px;
	}
	section#share div.pinterest {
	  width: 50px;
	}
	section#share div.pinterest a {
	  border-bottom: 0;
	}
	section#gallery a {
	  display: block;
	  float: left;
	  border-bottom: none;
	  width: 92px;
	  margin: 5px 10px 0 0;
	}
	section#gallery a.last {
	  margin-right: 0;
	}
	section#gallery a.first {
  	  clear: left;
    }
	section#gallery a img {
		width: 100%;
	}
	section#product-info {
	  border-top: 1px solid {{ settings.lighter_color }};
	  margin-top: 20px;
	  padding-bottom: 10px;
	}
	section#product-info ul.tabs {
	  display: block;
	  border-bottom: 1px solid {{ settings.lighter_color }};
	}
	section#product-info ul.tabs li {
	  float: left;
	  margin: 0;
	  padding: 12px 0 10px 10px;
	}
	section#product-info ul.tabs li a {
	  display: block;
	  border-bottom: none;
	  color: {{ settings.second_color }};
	}
	section#product-info ul.tabs li a.active {
	  border-bottom: 1px solid {{ settings.background_color }};
	  color: {{ settings.first_color }};
	}
	section#product-info ul.tabs li.first {
	  padding-right: 12px;
	  border-right: 1px solid {{ settings.lighter_color }};
	  padding-left: 0;
	}
	section#related-products {
	  border-top: 1px solid {{ settings.lighter_color }};
	  padding-top: 15px;
	}
	section#related-products h2 {
	  margin-bottom: 30px;
	}
	section#product-info div.no-tabs {
		padding: 20px 0 0 0;
	}
	/* @end */
	/* @group Cart */
	section#cart form div.headers {
	  border-top: 1px solid {{ settings.lighter_color }};
	  border-bottom: 1px solid {{ settings.lighter_color }};
	  padding: 10px 0;
	  margin-bottom: 20px;
	  font-weight: bold;
	}
	section#cart form div.headers div.total span {
	  padding-left: 20px;
	}
	section#cart form div.row {
	  border-bottom: 1px solid {{ settings.lighter_color }};
	}
	section#cart form div.row div.description img {
	  float: left;
	  width: 100px;
	}
	section#cart form div.row div.description div.info {
	  float: left;
	  padding: 0 0 0 40px;
	  width: 190px;
	}
	section#cart form div.row div.description div.info h3 {
	  line-height: 18px;
	  margin-bottom: 0;
	}
	section#cart form div.row div.description div.info h3 a {
	  border-bottom: none;
	}
	section#cart form div.row div.description div.info h3 a:hover {
	  color: {{ settings.second_color }};
	}
	section#cart form div.row div.description div.info h4 {
	  font-size: 12px;
	  letter-spacing: 0;
	  line-height: 18px;
	  font-weight: normal;
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  border-bottom: 1px solid {{ settings.lighter_color }};
	}
	section#cart form div.row div.description div.info p {
	  margin-bottom: 20px;
	}
	section#cart form div.row div.description div.info p.mobile {
	  {% if settings.header_font contains "PT Serif" %}
		font-family: 'PT Serif', serif;
		font-style: normal;
		font-weight: normal;
	  {% elsif settings.header_font contains "Source Sans Pro" %}
		font-family: 'Source Sans Pro', sans-serif;
		font-style: normal;
		font-weight: 400;
	  {% elsif settings.header_font contains "Open Sans Condensed" %}
		font-family: 'Open Sans Condensed', sans-serif;
		font-style: normal;
		font-weight: 300;
	  {% elsif settings.header_font contains "Helvetica" %}
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
	  {% else settings.header_font contains "Times" %}
		font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
		font-style: italic;
		font-weight: normal;
	  {% endif %}
	  font-size: 16px;
	}
	section#cart form div.row div.price {
	  font-size: 16px;
	  {% if settings.header_font contains "PT Serif" %}
		font-family: 'PT Serif', serif;
		font-style: normal;
		font-weight: normal;
	  {% elsif settings.header_font contains "Source Sans Pro" %}
		font-family: 'Source Sans Pro', sans-serif;
		font-style: normal;
		font-weight: 400;
	  {% elsif settings.header_font contains "Open Sans Condensed" %}
		font-family: 'Open Sans Condensed', sans-serif;
		font-style: normal;
		font-weight: 300;
	  {% elsif settings.header_font contains "Helvetica" %}
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
	  {% else settings.header_font contains "Times" %}
		font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
		font-style: italic;
		font-weight: normal;
	  {% endif %}
	  padding-top: 5px;
	}
	section#cart form div.row div.quantity {
	  text-align: center;
	}
	section#cart form div.row div.quantity input {
	  width: 30px !important;
	  text-align: center;
	}
	section#cart form div.row div.total {
	  font-size: 16px;
	  {% if settings.header_font contains "PT Serif" %}
		font-family: 'PT Serif', serif;
		font-style: normal;
		font-weight: normal;
	  {% elsif settings.header_font contains "Source Sans Pro" %}
		font-family: 'Source Sans Pro', sans-serif;
		font-style: normal;
		font-weight: 400;
	  {% elsif settings.header_font contains "Open Sans Condensed" %}
		font-family: 'Open Sans Condensed', sans-serif;
		font-style: normal;
		font-weight: 300;
	  {% elsif settings.header_font contains "Helvetica" %}
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
	  {% else settings.header_font contains "Times" %}
		font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
		font-style: italic;
		font-weight: normal;
	  {% endif %}
	}
	section#cart form div.row div.total span {
	  padding-left: 20px;
	}
	section#cart form div.row div.remove {
	  text-align: right;
	}
	section#cart form div.row div.remove a {
	  color: {{ settings.second_color }};
	  border-bottom: none;
	}
	section#cart form div.row div.remove a:hover {
	  color: {{ settings.first_color }};
	}
	section#cart div.continue-shopping a {
	  border-bottom: none;
	}
	section#cart div.row div.cart.total h2 {
	  text-align: right;
	  font-size: 22px;
	}
	section#cart div.actions {
	  text-align: right;
	}
	section#cart textarea#note {
	  width: 95%;
	  margin-bottom: 40px;
	}
	section#cart div.actions input#checkout {
	  padding: 10px 20px !important;
	}
	section#cart div.actions input#update {
	  padding: 10px 20px !important;
	  color: {{ settings.second_color }};
	  border-color: {{ settings.second_color }} !important;
	  margin-right: 10px;
	}
	section#cart div.actions input#update:hover {
	  background-color: {{ settings.background_color }} !important;
	}

	/* @end */
	/* @group Page */
	div.wysiwyg ul,
	div.wysiwyg ol {
	  margin-left: 30px;
	  margin-bottom: 40px;
	}
	div.wysiwyg ul li {
	  list-style-type: disc;
	  margin-bottom: 5px;
	}
	div.wysiwyg ol li {
	  margin-bottom: 5px;
	}
	div.wysiwyg img {
	  margin-bottom: 40px;
	}
	div.wysiwyg p img,
	div.wysiwyg div img {
	  margin-bottom: 0 !important;
	}
	/* @end */
	/* @group Blog */
	article.post {
	  margin-bottom: 10px;
	}
	article.post div.date {
	  {% if settings.header_font contains "PT Serif" %}
		font-family: 'PT Serif', serif;
		font-style: normal;
		font-weight: normal;
	  {% elsif settings.header_font contains "Source Sans Pro" %}
		font-family: 'Source Sans Pro', sans-serif;
		font-style: normal;
		font-weight: 400;
	  {% elsif settings.header_font contains "Open Sans Condensed" %}
		font-family: 'Open Sans Condensed', sans-serif;
		font-style: normal;
		font-weight: 300;
	  {% elsif settings.header_font contains "Helvetica" %}
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
	  {% else settings.header_font contains "Times" %}
		font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
		font-style: italic;
		font-weight: normal;
	  {% endif %}
	  font-size: 28px;
	  text-align: center;
	}
	article.post div.date span {
	  font-family: {{ settings.body_font }};
	  font-size: 13px;
	  font-weight: bold;
	  display: block;
	  font-style: normal;
	}
	article.post div.content {
	  border-bottom: 1px solid {{ settings.lighter_color }};
	  padding-bottom: 20px;
	  margin-bottom: 20px;
	}
	article.post.first div.content {
		border-top: none;
	}
	article.post.last {
	  margin-bottom: 10px;
	}
	article.post.last div.content {
	  border-bottom: none;
	}
	article.post div.content.no-comments {
		border-bottom: none;
	}
	article.post div.content h2 {
	  font-size: 28px;
	  line-height: 32px;
	  margin-bottom: 20px;
	}
	article.post div.content div.info {
	  padding-bottom: 20px;
	  border-bottom: 1px solid {{ settings.lighter_color }};
	  margin-bottom: 30px;
	}
	article.post div.content div.info div.comment-count {
	  text-align: right;
	}
	article.post div.content a.read-more {
	  font-size: 18px;
	  {% if settings.header_font contains "PT Serif" %}
		font-family: 'PT Serif', serif;
		font-style: normal;
		font-weight: normal;
	  {% elsif settings.header_font contains "Source Sans Pro" %}
		font-family: 'Source Sans Pro', sans-serif;
		font-style: normal;
		font-weight: 400;
	  {% elsif settings.header_font contains "Open Sans Condensed" %}
		font-family: 'Open Sans Condensed', sans-serif;
		font-style: normal;
		font-weight: 300;
	  {% elsif settings.header_font contains "Helvetica" %}
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-style: normal;
		font-weight: normal;
	  {% else settings.header_font contains "Times" %}
		font-family: Times, TimesNewRoman, "Times New Roman", Baskerville, Georgia, serif;
		font-style: italic;
		font-weight: normal;
	  {% endif %}
	}
	article.post div.content div.actions {
	  padding: 20px 0;
	  border-top: 1px solid {{ settings.lighter_color }};
	}
	article.post div.content div.actions div.back {
		float:left;
	}
	article.post div.content div.actions div.social {
		float: right;
	}
	article.post div.content div.actions div.social section#share div {
	  margin-right: 0;
	  margin-left: 10px;
	}
	section#comments {
		border-bottom: 1px solid {{ settings.lighter_color }};
		margin-bottom: 30px;

	}
	section#comments h2 {
	  font-size: 28px;
	  margin-bottom: 30px;
	}
	section#comments div.comment {
	  margin-bottom: 40px;
	}
	section#comments div.comment p {
	  margin-bottom: 20px;
	}
	section#comments div.comment p.author {
	  border-top: 1px solid {{ settings.lighter_color }};
	  padding-top: 10px;
	  font-weight: bold;
	}
	section#post-comment {
	  padding: 0 0 30px 0;
	}
	/* @end */
	/* @group Search */
	div#keyword {
	  padding: 20px 0;
	  border-top: 1px solid {{ settings.lighter_color }};
	  font-style: italic;
	}
	div#keyword span {
	  color: {{ settings.accent_color }};
	}
	/* @end */
	/* @group 404 */
	div#four-oh-four h1 {
	  padding: 20px 0;
	}
	div#four-oh-four h2 {
	  border-top: 1px solid {{ settings.lighter_color }};
	  padding-top: 30px;
	  font-size: 140px;
	  line-height: 144px;
	}
	/* @end */
	/* @group Footer */
	footer {
	  display: block;
	  border-bottom: 5px solid {{ settings.first_color }};
	  margin-top: 30px;
	}
	footer section.upper {
	  border-top: 1px solid {{ settings.lighter_color }};
	}
	footer section.upper div.columns {
	  padding-top: 25px;
	  padding-bottom: 25px;
	  min-height: 120px;
	}
	footer section.upper div#mailing-list form input {
	  padding: 5px;
	  margin-bottom: 10px;
	}
	footer section.upper div#mailing-list form label {
		font-weight: normal;
		font-size: 12px;
	}
	footer section.upper div#mailing-list form input[type="submit"] {
	  background: {{ settings.first_color }} !important;
	  font-size: 10px;
	  font-weight: normal;
	  color: {{ settings.background_color }};
	  padding: 8px 20px;
	}
	footer section.upper div#mailing-list form span.success {
		padding-bottom: 10px;
		display:none;
	}
	footer section.upper div#mailing-list form span.success.show {
		display:block;
	}
	footer section.upper nav a {
	  border-bottom: none;
	}
	footer section.upper div#footer-content p {
	  margin-bottom: 20px;
	}
	footer section.lower {
	  border-top: 1px solid {{ settings.lighter_color }};
	  margin-bottom: 0;
	}
	footer section.lower div.columns {
	  padding: 15px 0;
	}
	footer section.lower div div.legals {
	  color: {{ settings.second_color }};
	}
	footer section.lower div nav {
	  text-align: right;
	}
	footer section.lower div nav a {
	  margin-left: 15px;
	  border-bottom: none;
	}
	footer div#payment-methods {
		min-height: auto !important;
		padding: 10px 0;
	}
	footer div#payment-methods img{
		margin-right: 5px;
		width: 40px;
	}
	/* @end */
	/* @group Fancybox */
	.fancybox-wrap,
	.fancybox-skin,
	.fancybox-outer,
	.fancybox-inner,
	.fancybox-image,
	.fancybox-wrap iframe,
	.fancybox-wrap object,
	.fancybox-nav,
	.fancybox-nav span,
	.fancybox-tmp {
	  padding: 0;
	  margin: 0;
	  border: 0;
	  outline: none;
	  vertical-align: top;
	}
	.fancybox-wrap {
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 8020;
	}
	.fancybox-skin {
	  position: relative;
	  background: transparent;
	  color: #444;
	  text-shadow: none;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	}
	.fancybox-opened {
	  z-index: 8030;
	}
	.fancybox-opened .fancybox-skin {
	  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	}
	.fancybox-outer,
	.fancybox-inner {
	  position: relative;
	}
	.fancybox-inner {
	  overflow: hidden;
	}
	.fancybox-type-iframe .fancybox-inner {
	  -webkit-overflow-scrolling: touch;
	}
	.fancybox-error {
	  color: #444;
	  font: 14px/20px {{ settings.body_font }};
	  margin: 0;
	  padding: 15px;
	  white-space: nowrap;
	}
	.fancybox-image,
	.fancybox-iframe {
	  display: block;
	  width: 100%;
	  height: 100%;
	}
	.fancybox-image {
	  max-width: 100%;
	  max-height: 100%;
	}
	#fancybox-loading,
	.fancybox-close,
	.fancybox-prev span,
	.fancybox-next span {
	  background-image: url('fancybox_sprite.png');
	}
	#fancybox-loading {
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  margin-top: -22px;
	  margin-left: -22px;
	  background-position: 0 -108px;
	  opacity: 0.8;
	  cursor: pointer;
	  z-index: 8060;
	}
	#fancybox-loading div {
	  width: 44px;
	  height: 44px;
	  background: url('fancybox_loading.gif') center center no-repeat;
	}
	.fancybox-close {
	  position: absolute;
	  top: -18px;
	  right: -18px;
	  width: 36px;
	  height: 36px;
	  cursor: pointer;
	  z-index: 8040;
	}
	.fancybox-nav {
	  position: absolute;
	  top: 0;
	  width: 40%;
	  height: 100%;
	  cursor: pointer;
	  text-decoration: none;
	  background: transparent url('blank.gif');
	  /* helps IE */

	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	  z-index: 8040;
	}
	.fancybox-prev {
	  left: 0;
	}
	.fancybox-next {
	  right: 0;
	}
	.fancybox-nav span {
	  position: absolute;
	  top: 50%;
	  width: 36px;
	  height: 34px;
	  margin-top: -18px;
	  cursor: pointer;
	  z-index: 8040;
	  visibility: hidden;
	}
	.fancybox-prev span {
	  left: 10px;
	  background-position: 0 -36px;
	}
	.fancybox-next span {
	  right: 10px;
	  background-position: 0 -72px;
	}
	.fancybox-nav:hover span {
	  visibility: visible;
	}
	.fancybox-tmp {
	  position: absolute;
	  top: -99999px;
	  left: -99999px;
	  visibility: hidden;
	  max-width: 99999px;
	  max-height: 99999px;
	  overflow: visible !important;
	}
	/* Overlay helper */
	.fancybox-lock {
	  overflow: hidden;
	}
	.fancybox-overlay {
	  position: absolute;
	  top: 0;
	  left: 0;
	  overflow: hidden;
	  display: none;
	  z-index: 8010;
	  background: url({{'fancybox_overlay.png' | asset_url }});
	}
	.fancybox-overlay-fixed {
	  position: fixed;
	  bottom: 0;
	  right: 0;
	}
	.fancybox-lock .fancybox-overlay {
	  overflow: auto;
	  overflow-y: scroll;
	}
	/* Title helper */
	.fancybox-title {
	  visibility: hidden;
	  font: normal 13px/20px {{ settings.body_font }};
	  position: relative;
	  text-shadow: none;
	  z-index: 8050;
	}
	.fancybox-opened .fancybox-title {
	  visibility: visible;
	}
	.fancybox-title-float-wrap {
	  position: absolute;
	  bottom: 0;
	  right: 50%;
	  margin-bottom: -35px;
	  z-index: 8050;
	  text-align: center;
	}
	.fancybox-title-float-wrap .child {
	  display: inline-block;
	  margin-right: -100%;
	  padding: 2px 20px;
	  background: transparent;
	  /* Fallback for web browsers that doesn't support RGBa */

	  background: rgba(0, 0, 0, 0.8);
	  -webkit-border-radius: 15px;
	  -moz-border-radius: 15px;
	  border-radius: 15px;
	  text-shadow: 0 1px 2px #222;
	  color: {{ settings.background_color }};
	  font-weight: bold;
	  line-height: 24px;
	  white-space: nowrap;
	}
	.fancybox-title-outside-wrap {
	  position: relative;
	  margin-top: 10px;
	  color: {{ settings.background_color }};
	}
	.fancybox-title-inside-wrap {
	  padding-top: 10px;
	}
	.fancybox-title-over-wrap {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  color: {{ settings.background_color }};
	  padding: 10px;
	  background: #000;
	  background: rgba(0, 0, 0, 0.8);
	}
	/* Custom MNML theme styles overrides */
	div.fancybox-wrap.mnml div.fancybox-skin {
	  box-shadow: none;
	}
	div.fancybox-wrap.mnml a {
	  border-bottom: none;
	}
	div.fancybox-overlay {
	  background: rgba(255, 255, 255, 0.9);
	}
	#fancybox-loading {
	  width: 32px;
	  height: 32px;
	  background: url('loader.gif') center center no-repeat;
	}
	div.fancybox-wrap.mnml .fancybox-close,
	div.fancybox-wrap.mnml .fancybox-prev span,
	div.fancybox-wrap.mnml .fancybox-next span {
	  background-image: url({{ 'fancybox-sprite.png' | asset_url }});
	}
	div.fancybox-wrap.mnml .fancybox-close {
	  background: url({{ 'fancybox-sprite.png' | asset_url }}) -212px -21px no-repeat;
	  display: inline-block;
	  width: 18px;
	  height: 18px;
	  top: 0;
	  right: 30px;
	}
	div.fancybox-wrap.mnml .fancybox-next span {
	  background: url({{ 'fancybox-sprite.png' | asset_url }}) -49px 0px no-repeat;
	  display: inline-block;
	  width: 47px;
	  height: 53px;
	  margin-right: -10px;
	}
	div.fancybox-wrap.mnml .fancybox-prev span {
	  background: url({{ 'fancybox-sprite.png' | asset_url }}) 0px 0px no-repeat;
	  display: inline-block;
	  width: 47px;
	  height: 53px;
	  margin-left: -10px;
	}
	/* @end */
	/* @group Customer Accounts */
	.note {
		font-size: 11px;
	}
	#create-account  p.note {
		margin-bottom: 20px !important;
	}
	body.customer-logged-in table {
		width: 100%;
	}
	body.customer-logged-in table th {
		font-weight: bold;
		text-align: left;
	}
	body.customer-logged-in table th, body.customer-logged-in table td {
		padding: 10px 5px;
		border-bottom: 1px solid {{ settings.lighter_color }};
	}
	body.customer-logged-in a.btn.small.return {
		margin-right: 10px;
	}
	body.customer-logged-in div.vcard p {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	body.template-customers-login input.guest-login {
		width:90%;
	}
	body.customer-logged-in div.edit_address {
		border-top: 1px solid {{ settings.lighter_color }} !important;
		padding-top: 20px;
	}
	body.customer-logged-in table.customer_address_table td {
		vertical-align: top;
		padding: 0;
		border-bottom: none;
	}
	body.template-customers-order section.sidebar p{
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid {{ settings.lighter_color }};
	}
	/* @end */

/* #Social Buttons
================================================== */

@mixin transition($transition:0.1s all) {
  -webkit-transition: #{$transition};
  -moz-transition: #{$transition};
  -o-transition: #{$transition};
  transition: #{$transition};
}

@font-face {
  font-family: "social-icons";
  src: url(' {{ "social-icons.eot" | asset_url }} ');
  src: url(' {{ "social-icons.eot" | asset_url }} ?#iefix ') format("embedded-opentype"),
       url(' {{ "social-icons.woff" | asset_url }} ') format("woff"),
       url(' {{ "social-icons.ttf" | asset_url }} ') format("truetype"),
       url(' {{ "social-icons.svg" | asset_url }} #timber-icons ') format("svg");
  font-weight: normal;
  font-style: normal;
}
$socialIconFontStack: 'social-icons';

[class^="icon-"], [class*=" icon-"] {
  font-family: $socialIconFontStack;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fancy:before { content: "\46"; }
.icon-twitter:before { content: "\54"; }
.icon-facebook:before { content: "\66"; }
.icon-google:before { content: "\67"; }
.icon-pinterest:before { content: "\70"; }

/*================ Social share buttons ================*/
$shareButtonHeight: 22px;
$shareButtonCleanHeight: 30px;
$shareCountBg: #fff;
$shareBorderColor: #ececec;

.social-sharing {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

  * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }

  a {
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    margin: 5px 10px 5px 0;
    height: $shareButtonHeight;
    line-height: $shareButtonHeight;
    text-decoration: none;
    font-weight: normal;

    &:hover {
      color: #fff;
    }
  }

  span {
    display: inline-block;
    vertical-align: top;
    height: $shareButtonHeight;
    line-height: $shareButtonHeight;
    font-size: 12px;
  }

  .icon {
    padding: 0 5px 0 10px;

    &:before {
      line-height: $shareButtonHeight;
    }
  }

  /*================ Large Buttons ================*/
  &.is-large a {
    height: $shareButtonHeight*2;
    line-height: $shareButtonHeight*2;

    span {
      height: $shareButtonHeight*2;
      line-height: $shareButtonHeight*2;
      font-size: 18px;
    }

    .icon {
      padding: 0 10px 0 18px;

      &:before {
        line-height: $shareButtonHeight*2;
      }
    }
  }
}

.share-title {
  font-weight: 900;
  font-size: 12px;
  padding-right: 10px;

  .is-large & {
    padding-right: 16px;
  }
}

.share-facebook {
  background-color: #3b5998;

  &:hover {
    background-color: darken(#3b5998, 10%);
  }
}

.share-twitter {
  background-color: #00aced;

  &:hover {
    background-color: darken(#00aced, 10%);
  }
}

.share-pinterest {
  background-color: #cb2027;

  &:hover {
    background-color: darken(#cb2027, 10%);
  }
}

.share-fancy {
  background-color: #4999dc;

  &:hover {
    background-color: darken(#4999dc, 10%);
  }
}

.share-google {
  background-color: #dd4b39;

  &:hover {
    background-color: darken(#dd4b39, 10%);
  }
}

.share-count {
  position: relative;
  background-color: $shareCountBg;
  padding: 0 8px;
  margin-right: -2px;
  font-size: 14px;
  line-height: $shareButtonHeight - 2;
  color: #333;
  border-radius: 0 2px 2px 0;
  border: 1px solid $shareBorderColor;
  opacity: 0;
  @include transition(opacity 0.2s ease-in);

  &.is-loaded {
    opacity: 1;
  }

  &:before,
  &:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid;
  }

  &:before {
    left: -6px;
    border-right-color: $shareBorderColor;
  }

  &:after {
    left: -5px;
    border-right-color: $shareCountBg;
  }

  a:hover & {
    background-color: darken($shareCountBg, 4%);

    &:after {
      border-right-color: darken($shareCountBg, 4%);
    }
  }

  .is-large & {
    font-size: 18px;
    padding: 0 14px;
  }

}

/*================ Clean Buttons ================*/
.social-sharing.is-clean {
  a {
    background-color: #fff;
    border: 1px solid $shareBorderColor;
    color: #333;
    height: $shareButtonCleanHeight;
    line-height: $shareButtonCleanHeight;

    span {
      height: $shareButtonCleanHeight;
      line-height: $shareButtonCleanHeight;
      font-size: 13px;
    }

    &:hover {
      background-color: $shareBorderColor;
    }

    &:hover .share-count {
      background-color: $shareCountBg;

      &:after {
        border-right-color: $shareCountBg;
      }
    }

    .share-title {
      font-weight: normal;
    }
  }

  .share-count {
    top: -1px;
  }

  .icon-facebook {
    color: #3b5998;
  }

  .icon-twitter {
    color: #00aced;
  }

  .icon-pinterest {
    color: #cb2027;
  }

  .icon-fancy {
    color: #4999dc;
  }

  .icon-google {
    color: #dd4b39;
  }
}
	
/* @Blankslate */

.note { background:#ffffe3; border:2px dashed #eeeecd; padding:20px;}

.sample-product-wrapper { background:#eee url("{{ 'blankslate-producticon.png' | asset_url }}") no-repeat center center; width:100%; height:270px; display:table; text-align:center; color:#aaa; margin-bottom:20px; }
.sample-product { display:table-cell; text-align:center; vertical-align:middle; padding:0 10px; font-size:13px }

.helper-note { font-size:15px;  padding: 20px; position: absolute; max-width:400px; margin-left:-270px; margin-top:30px; left:65%; z-index:99999; display: none; }
.helper-note a { color:#f45b4f; border-bottom:none;}
.helper-note p { line-height: 23px; margin-bottom:10px;}
.helper-note h3 { font-size:19px; font-weight: bold;}
.helper-section { clear:both;}
.helper-section:hover .helper-note { display:inline-block!important; -webkit-animation: fadeInUp 0.2s ease-in;  -moz-animation: fadeInUp 0.2s ease-in; animation: fadeInUp 0.2s ease-in; }
.helper-section .helper-content { opacity: 1; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in;}
.helper-section:hover .helper-content { opacity: 0.2; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}


